<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 块级标签 -->
    <!-- 注释的快捷方式   ctrl+/ -->
    <h1>哈哈哈哈哈哈哈</h1>
    <h2>哈哈哈哈哈哈哈</h2>
    <h3>哈哈哈哈哈哈哈</h3>
    <h4>哈哈哈哈哈哈哈</h4>
    <h5>哈哈哈哈哈哈哈</h5>
    <h6>哈哈哈哈哈哈哈</h6>
    <p>自从2015年，玉器市场......自从2015年，玉器市场.....</p>
    <a href="https://www.baidu.com">跳转到百度</a>
    <!-- 单标签 -->
    <img src="https://inews.gtimg.com/om_bt/OGlQWfsaAoKkuCcMZ2o9IVEPqd-72DQy5EAN02XBHUwfYAA/641" alt="">
    <img src="./image/641.webp" alt="">
    <!-- 无序列表 -->
    <ul>
        <li>哈哈哈</li>
        <li>呵呵呵</li>
        <li>嘿嘿嘿</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>哈哈哈</li>
        <li>呵呵呵</li>
        <li>嘿嘿嘿</li>
    </ol>
    <!-- 表格标签 -->
    <table border="1">
        <tr>
            <th>中文</th>
            <th>英文</th>
            <th>组合</th>
        </tr>
        <tr>
            <td>你好</td>
            <td>world</td>
            <td>你好 世界</td>
        </tr>
        <tr>
            <td>你好</td>
            <td>world</td>
            <td>你好 世界</td>
        </tr>
        <tr>
            <td>你好</td>
            <td>world</td>
            <td>你好 世界</td>
        </tr>
        <tr>
            <td>你好</td>
            <td>world</td>
            <td>你好 世界</td>
        </tr>
    </table>
    <!-- 分割线 -->
    <hr>
    <!-- 表单 -->
    <form action="">
        文本框：<input type="text"> <br>
        密码框：<input type="password"> <br>
        单选框：<input type="radio" name="sex" checked> 女 <input type="radio" name="sex"> 男 <br>
        多选框：<input type="checkbox" checked> 前端
        <input type="checkbox"> java
        <input type="checkbox" checked> c语言
        <input type="checkbox"> c++
        <input type="checkbox"> python <br>
        提交按钮：<input type="submit"> <br>
        下拉列表：<select name="" id="">
            <option value="">请选择地区</option>
            <option value="">郑州</option>
            <option value="">周口</option>
            <option value="">许昌</option>
            <option value="">洛阳</option>
            <option value="">开封</option>
        </select> <br>
        <button>确认按钮</button>
        <button>删除按钮</button>
        <button>修改按钮</button>
    </form>
    <!-- div容器标签 块级标签-->
    <div>红红火火恍恍惚惚</div>
    <div>红红火火恍恍惚惚</div>
    <div>红红火火恍恍惚惚</div>
    <div>红红火火恍恍惚惚</div>
    <div>
        <ul>
            <li>qq</li>
            <li>www</li>
            <li>sss</li>
        </ul>
    </div>
    <!-- 其他标签 -->
     <div>
        <span>￥</span>
        <span>2428</span>
        <span>.00</span>
     </div>
     <div>
        <strong>￥</strong>
        <strong>2428</strong>
        <strong>.00</strong>
     </div>
     <!-- target  属性值两个 _blank新窗口打开  _self原窗口打开 -->
     <a href="https://www.baidu.com" target="_blank">
        <img src="./image/641.webp" alt="">
     </a>
</body>

</html>